/* Style sheet for the IngallsConsulting.com website, created 2020-03-03 Tue, 2016 version of the Certified Softness website. 
	It was last updated 
	2020-03-30 Mon
	by C Ingalls
*/

/* The Body is set to always show the vertical scroll bar, but horizontal only when needed. */
	body
	{
		width: 100%; 
		text-align: center; 
		font-size: 100%;
		font-family: Verdana, Arial, "Lucida Sans Unicode", sans-serif; 
		background-color: white; 
		padding: 0;
		margin: 0;
		overflow-y: scroll; 
		overflow-x: auto; 
	}  

	#OuterWrapper	
	{
		display:inline-block; 
		max-width: 700px; 
		text-align: center; 
		/* margin-bottom:30px;	This creates white space at the bottom of the page, below the footer.*/
	}

/* The Header Area contains the company Head Line and the Top Navigation menu (if there is one). */
	#HeaderArea	
	{
		text-align: center; 
	}
	#HeaderArea	img
	{
		width: 20%;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#HeaderArea	a:hover img
	{
		border: 1px solid #ccc;
	}
	#HeaderArea	h1
	{
		
	}

/* Footer Area contains the Bottom Navigation menu (if it exists), the Updated paragraph, 
	the company name and postal address, plus some basic contact info.  
*/
	#FooterArea	
	{
		width: 100%;  
		background-color: white;
		float: left;
	}
	#BottomLeft
	{
		display: inline-block;
		padding-left: 10px;
		white-space: nowrap; 
		float: left;
		text-align: left;
		color: black;
		font-size: 0.6em;
		font-weight: normal;
	}
	#BottomCenter
	{
		display: inline-block;
		text-align: center;
		white-space: nowrap; 
		color: black;
		font-size: 0.6em;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
	}
	#BottomRight
	{
		display: inline-block;
		padding-right: 10px;
		white-space: nowrap; 
		float: right;
		text-align: right;
		color: black;
		font-size: 0.6em;
		font-weight: normal;
	}
	#BottomRight a
	{
		color: black;
		text-decoration: none; 
	}
	#BottomRight a:hover
	{
		color: black;
		text-decoration: underline; 
	}

/* Main content area, includes any H1 title that may appear in this area. */	
	#main 
	{
		display: block;
		width: 100%;
		/*min-height: 400px;*/
		background-color: white;
		text-align: left;
	}
	#main h1
	{
		text-align: left; 
		font-size: 1.1em;  
		font-weight: normal; 
		color: black; 
		margin-left: 10px; 
		margin-top: 30px; 
		margin-bottom: 0px; 
	}
	#main h2
	{
		text-align: left; 
		font-size: 0.9em;  
		font-weight: bold; 
		color: black; 
		margin-left: 10px; 
		margin-top: 50px; 
		margin-bottom: 0px; 
	}
	#main h2:first-child
	{
		margin-top: 10px; 
	}
	#main h1 a, h1 a:visited
	{
		color: black; 
		text-decoration: none; 
	}
	#main h1 a:hover
	{
		color: black; 
		text-decoration: underline; 
	}
	#main p
	{
		text-align: left; 
		font-size: 0.9em;  
		font-weight: normal; 
		color: black; 
		margin: 8px 10px 8px 10px; /* Top right bottom left. */
	}
	#main li
	{
		text-align: left; 
		font-size: 0.9em;  
		font-weight: normal; 
		color: black; 
		margin: 0px 5px 2px 0px; /* Top right bottom left. */
	}
	#main ul
	{
		margin-top: 5px;
	}
	#main ul.spaced li
	{
		margin-top: 15px;
	}
	#main div:target
	{
		background-color:rgb(255,255,220);
	}
	#main .special {display: none; }
	
/*	#main #contact
	{
		background-color:rgb(255,255,220);
	}*/
	#contact div {max-width:600px; padding-right:10px; }
	#contact textarea	{width:100%; }
	#contact input.text {width:100%; }
	#contact input.button {width:60px; padding:0; margin-left:calc(33% - 60px); margin-top:10px; }